<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>个人中心</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/master.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_961uouwh7c9b2o6r.css">
    <style>
        .list-block.media-list .item-title {  font-size: 16px; margin-bottom: 6px;  }
        .list-block.media-list .item-subtitle { font-size: 14px;  color: #ffffff;  }
        #information-me .information {  float: left;  height: 60px;  margin-top: 54px;  }
        #information-me .sign {  float: right;  height: 60px;  margin-top: 44px;  color: #fff;  }
        .item-inner .item-after {  font-size: 14px;  }
        /*页面重构*/
        .info-list {  background: #fff;  margin-top: 7px;  }
        .list-item {  position: relative;  height: 40px;  line-height: 40px;  padding: 0 45px 0 15px;  font-size: 14px;  border-bottom: 1px solid #dadada;  width: 100%;  display: block;  }
        .list-item .list-icon {  display: inline-block;  width: 20px;  height: 20px;  text-align: center;  margin-right: 6px;  }
        .list-item .list-icon img {  display: inline-block;  vertical-align: middle;  }
        .list-item:after {  position: absolute;  top: 12px;  right: 15px;  content: '';  display: block;  width: 8px;  height: 16px;  background: url('${staticpath}/front/dist/images/right.png') no-repeat;  }
        .nlist-block {  font-size: 0;  }
        .nlist-block a {  display: inline-block;  width: 25%;  padding: 17px 0;  line-height: 1;  text-align: center;  vertical-align: top;  font-size: 12px;  text-align: center;  }
        .nlist-block a p {  margin: 0;  }
        .nlist-block .img-wrap {  width: 35px;  height: 35px;  line-height: 35px;  margin: 0 auto;  }
        .nlist-block .img-wrap img {  display: inline-block  }
        .list-right {  position: absolute;  right: 35px;  top: 50%;  line-height: 1;  transform: translateY(-50%);  -webkit-transform: translateY(-50%);  color: #999;  }
        .bar { position: fixed;}
        /*机构二维码*/
        .modal {  width: 14rem;  margin-top: -40% !important;  margin-left: -7rem;  }
        .img-div {  height: 50px;  }
        .modal-inner {  background: #FFFFFF;  padding: 0.65rem;  }
        .organize-item .img-box, .organize-item .item-inner {  float: left;  }
        .organize-item .item-inner {  line-height: 50px;  margin-left: 0.5rem;  }
        .organize-item .item-inner .item-title {  font-size: 14px;  }
        .qr-code {  width: 240px;  }
        .list-block .information-item-content {  padding: 0 0.75rem;  }
        .info-list p {  font-size: 14px;  }
        ul, li {  padding: 0;  margin: 0;  list-style-type: none  }
        .info-div {margin-top: 7px;}
        .info-div a{ border-right: 1px solid #e8e8e8; width: 50%; height:3.5rem; display: inline-block;  padding: 10px 0 10px 8px ;  border-bottom: 1px solid #e8e8e8;  float: left;  background-color: #FFFFFF; }
        .info-div a img,.info-div a span{  float: left;  }
        .info-div a span {  margin-left: 10px;}
        .info-div a h3 {  margin: 0;  padding: 0;  font-size: 16px;  font-weight: normal; }
        .info-div a p {  margin: 4px 0 0 0; padding: 0;  font-size: 12px;  color: #cccccc; }
        @media screen and (max-width: 320px) {
            .info-div a span {
                margin-left: 5px;
            }
        }
    </style>
</head>

<body>
<div class="page">
    <!--头部部分 !-->
    <div class="content person-content" id="person-content">
        <div class="card information-card">
            <div class="card-content">
                <div class="list-block media-list">
                    <ul>
                        <li class="information-item-content item-content" id="information-me">
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    <#--信息列表-->
        <div class="info-list" id="orderBlock">
            <a class="list-item" href="${basepath}/front/order/toOrderList">我的订单<span
                    class="list-right">查看全部订单</span></a>
            <div class="nlist-block">
                <a href="${basepath}/front/order/toOrderList?type=init">
                    <div class="img-wrap">
                        <img src="${staticpath}/images/payment-btn.png" alt="待付款" width="32" height="28"/>
                    </div>
                    <p>待付款</p>
                </a>
                <a href="${basepath}/front/order/toOrderList?type=pass">
                    <div class="img-wrap">
                        <img src="${staticpath}/images/send-btn.png" alt="" width="32"/>
                    </div>
                    <p>待发货</p>
                </a>
                <a href="${basepath}/front/order/toOrderList?type=send">
                    <div class="img-wrap">
                        <img src="${staticpath}/images/receipt-btn.png" alt="" width="28"/>
                    </div>
                    <p>待收货</p>
                </a>
                <a href="${basepath}/front/order/toOrderList?type=finish">
                    <div class="img-wrap">
                        <img src="${staticpath}/images/complete-btn.png" alt="" width="28"/>
                    </div>
                    <p>已完成</p>
                </a>
            </div>
        </div>
        <div class="info-div">
            <a class="volunteer-door" href="${basepath}/front/account/toAccountOfflineList">
                <img src="${staticpath}/images/edit-btn.png" alt="我的活动" width="45"/>
                <span>
                    <h3>我的活动</h3>
                    <p>查看活动详情</p>
                </span>
            </a>
            <a class="organize-door" href="${basepath}/front/account/toMyIssue">
                <img src="${staticpath}/images/edit-btn.png" alt="我的活动" width="45"/>
                <span>
                    <h3>我的活动</h3>
                    <p>查看活动详情</p>
                </span>
            </a>
            <a href="${basepath}/front/account/toMySub">
                <img src="${staticpath}/images/collection-btn.png" alt="我的机构" width="45"/>
                <span>
                    <h3>我的机构</h3>
                    <p>查看我的机构</p>
                </span>
            </a>
            <a class="apply-identify"  data-vurl="${basepath}/front/account/toAccountEdit" data-ourl="${basepath}/front/account/toOrganizeEdit">
                <img src="${staticpath}/images/datum-btn.png" alt="认证申请" width="45"/>
                <span>
                    <h3>认证申请</h3>
                    <p id="status"></p>
                </span>
            </a>
            <a  href="${basepath}/toServiceTimeDetail">
                <img src="${staticpath}/images/time-btn.png" alt="公益时数" width="45"/>
                <span>
                    <h3>公益时数</h3>
                    <p id="accountTime">0小时</p>
                </span>
            </a>
            <a href="${basepath}/front/account/toAccountRank">
                <img src="${staticpath}/images/rank-btn.png" alt="排行榜" width="45"/>
                <span>
                    <h3>排行榜</h3>
                    <p>查看排行榜</p>
                </span>
            </a>
            <a  href="${basepath}/front/offlineComment/toPublicDiary" id="publicDiary">
                <img src="${staticpath}/images/footprint-btn.png" alt="公益日记" width="45"/>
                <span>
                    <h3>公益日记</h3>
                    <p>记录点滴</p>
                </span>
            </a>
            <a class="organize-door" href="${basepath}/front/offline/toOfflineResignApproveList">
                <img src="${staticpath}/images/footprint-btn.png" alt="补卡审批" width="45"/>
                    <span>
                        <h3>补卡审批</h3>
                        <p>立即进入</p>
                    </span>
            </a>
            <a href="${basepath}/front/account/toSet">
                <img src="${staticpath}/images/set-btn.png" alt="设置" width="45"/>
                <span>
                    <h3>设置</h3>
                    <p>修改密码 帮助中心</p>
                </span>
            </a>
            <a>
            </a>
        </div>
    <#--<div class="info-list">-->
    <#--<a class="list-item apply-identify" data-vurl="${basepath}/front/account/toAccountEdit" data-ourl="${basepath}/front/account/toOrganizeEdit">-->
    <#--<span class="list-icon">-->
    <#--<img  src="${staticpath}/front/dist/images/vip.png" alt=""/>-->
    <#--</span>-->
    <#--<span>认证申请</span>-->
    <#--<span class="list-right" id="status">待认证</span>-->
    <#--</a>-->
    <#--<a class="list-item"  href="${basepath}/front/offlineComment/toPublicDiary" id="publicDiary">-->
    <#--<span class="list-icon">-->
    <#--<img src="${staticpath}/front/dist/images/note.png" alt=""/>-->
    <#--</span>-->
    <#--<span>公益日记</span>-->
    <#--</a>-->
    <#--<a class="list-item" id="time-list-item" href="${basepath}/toServiceTimeDetail">-->
    <#--<span class="list-icon">-->
    <#--<img src="${staticpath}/front/dist/images/clock.png" alt=""/>-->
    <#--</span>-->
    <#--<span>公益时间</span>-->
    <#--<div class="list-right" id="accountTime"><span>0小时</span></div>-->
    <#--</a>-->
    <#--<a class="list-item volunteer-door" href="${basepath}/front/account/toAccountOfflineList">-->
    <#--<span class="list-icon">-->
    <#--<img src="${staticpath}/front/dist/images/star.png" alt=""/>-->
    <#--</span>-->
    <#--<span id="activity-name ">我的活动</span>-->
    <#--</a>-->
    <#--<a class="list-item organize-door" href="${basepath}/front/account/toMyIssue">-->
    <#--<span class="list-icon">-->
    <#--<img src="${staticpath}/front/dist/images/star.png" alt=""/>-->
    <#--</span>-->
    <#--<span id="activity-name">我的活动</span>-->
    <#--</a>-->
    <#--<a class="list-item organize-door" href="${basepath}/front/offline/toOfflineResignApproveList">-->
    <#--<span class="list-icon">-->
    <#--<img src="${staticpath}/front/dist/images/star.png" alt=""/>-->
    <#--</span>-->
    <#--<span id="activity-name">补卡审批</span>-->
    <#--</a>-->
    <#--<a class="list-item " href="${basepath}/front/account/toMySub">-->
    <#--<span class="list-icon">-->
    <#--<img src="${staticpath}/front/dist/images/home.png" alt=""/>-->
    <#--</span>-->
    <#--<span>我的机构</span>-->
    <#--</a>-->
    <#--<a class="list-item "href="${basepath}/front/account/toAccountRank">-->
    <#--<span class="list-icon">-->
    <#--<img src="${staticpath}/front/dist/images/chanpin.png" alt=""/>-->
    <#--</span>-->
    <#--<span>排行榜</span>-->
    <#--</a>-->
    <#--<a class="list-item "href="${basepath}/front/account/toSet">-->
    <#--<span class="list-icon">-->
    <#--<img src="${staticpath}/front/dist/images/set.png" alt=""/>-->
    <#--</span>-->
    <#--<span>设置</span>-->
    <#--</a>-->
    <#--</div>-->
    <#--<div class="card order-card">-->
    <#--<div class="card-header allOrder-card">-->
    <#--<div class="list-block">-->
    <#--<ul>-->
    <#--<li>-->
    <#--<a href="${basepath}/front/order/toOrderList" class="item-link item-content">-->
    <#--<div class="item-inner">-->
    <#--<div class="item-title">我的订单</div>-->
    <#--</div>-->
    <#--</a>-->
    <#--</li>-->
    <#--</ul>-->
    <#--</div>-->
    <#--</div>-->
    <#--</div>-->
    <#--<div class="card tool-card">-->
    <#--<div class="card-header">-->
    <#--<div class="list-block">-->
    <#--<ul>-->
    <#--<li>-->
    <#--<a href="#" class="item-link item-content apply-identify" data-vurl="${basepath}/front/account/toAccountEdit" data-ourl="${basepath}/front/account/toOrganizeEdit">-->
    <#--<div class="item-inner">-->
    <#--<div class="item-title">认证申请</div>-->
    <#--<div class="item-after" id="status">未认证</div>-->
    <#--</div>-->
    <#--</a>-->
    <#--</li>-->
    <#--<li>-->
    <#--<a href="#" class="item-link item-content">-->
    <#--<div class="item-inner">-->
    <#--<div class="item-title">公益日记</div>-->
    <#--</div>-->
    <#--</a>-->
    <#--</li>-->
    <#--</ul>-->
    <#--</div>-->
    <#--</div>-->
    <#--<div class="card-header">-->
    <#--<div class="list-block">-->
    <#--<ul>-->
    <#--<li>-->
    <#--<a href="#" class="item-link item-content">-->
    <#--<div class="item-inner">-->
    <#--<div class="item-title">公益时间</div>-->
    <#--<div class="item-after">0小时0分钟</div>-->
    <#--</div>-->
    <#--</a>-->
    <#--</li>-->
    <#--</ul>-->
    <#--</div>-->
    <#--</div>-->
    <#--</div>-->
    <#--<div class="card tool-card">-->
    <#--<div class="card-header volunteer-door">-->
    <#--<div class="list-block">-->
    <#--<ul>-->
    <#--<li>-->
    <#--<a href="${basepath}/front/account/toAccountOfflineList" class="item-link item-content">-->
    <#--<div class="item-inner">-->
    <#--<div class="item-title">我的活动</div>-->
    <#--</div>-->
    <#--</a>-->
    <#--</li>-->
    <#--</ul>-->
    <#--</div>-->
    <#--</div>-->
    <#--<div class="card-header organize-door">-->
    <#--<div class="list-block">-->
    <#--<ul>-->
    <#--<li>-->
    <#--<a href="${basepath}/front/account/toMyIssue" class="item-link item-content">-->
    <#--<div class="item-inner">-->
    <#--<div class="item-title">我发布的活动</div>-->
    <#--</div>-->
    <#--</a>-->
    <#--</li>-->
    <#--</ul>-->
    <#--</div>-->
    <#--</div>-->
    <#--</div>-->
    <#--<div class="card tool-card">-->
    <#--<div class="card-header">-->
    <#--<div class="list-block">-->
    <#--<ul>-->
    <#--<li>-->
    <#--<a href="${basepath}/front/account/toMySub" class="item-link item-content">-->
    <#--<div class="item-inner">-->
    <#--<div class="item-title">我的机构</div>-->
    <#--</div>-->
    <#--</a>-->
    <#--</li>-->
    <#--</ul>-->
    <#--</div>-->
    <#--</div>-->
    <#--</div>-->
    <#--<div class="card tool-card">-->
    <#--<div class="card-header">-->
    <#--<div class="list-block">-->
    <#--<ul>-->
    <#--<li>-->
    <#--<a href="${basepath}/front/account/toAccountRank" class="item-link item-content">-->
    <#--<div class="item-inner">-->
    <#--<div class="item-title">排行榜</div>-->
    <#--</div>-->
    <#--</a>-->
    <#--</li>-->
    <#--<li>-->
    <#--<a href="${basepath}/front/account/toSet" class="item-link item-content">-->
    <#--<div class="item-inner">-->
    <#--<div class="item-title">设置</div>-->
    <#--</div>-->
    <#--</a>-->
    <#--</li>-->
    <#--</ul>-->
    <#--</div>-->
    <#--</div>-->

    <#--</div>-->
    <#--</div>-->
        <!--工具栏!-->
        <nav class="bar bar-tab" id="tool-bar">
            <a class="tab-item external " href="/toHome">
                <span class="iconfont icon-shouye"></span>

                <p class="tab-label">首页</p>
            </a>
            <a class=" tab-item love-external" href="${basepath}/front/offline/toOfflineList" id="loveBtn">
                <span class="iconfont icon-huodong"></span>

                <p class="tab-label">活动</p>
            </a>
            <a class="tab-item external" href="${basepath}/front/catalog/toMallList">
                <span class="iconfont iconfont icon-shangcheng"></span>

                <p class="tab-label">商城</p>
            </a>
            <a class="tab-item external active" href="${basepath}/front/account/toAccountList">
                <span class="iconfont icon-wo"></span>

                <p class="tab-label">我</p>
            </a>
        </nav>
    </div>
    <script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
    <script>

        $.config = {
            router: false
        }
    </script>
    <script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
    <script type="text/javascript" src="${staticpath}/front/dist/js/account/me.js"></script>
    <script>
        $.init();
    </script>
</body>

</html>
